<template>
	<div class="personnelList personnelLists">
		<el-breadcrumb separator="/">
			<el-breadcrumb-item :to="{ path: '/' }"><i class="lh lh-ayi fw_100"></i></el-breadcrumb-item>
			<el-breadcrumb-item>C端-人才</el-breadcrumb-item>
			<el-breadcrumb-item>人才列表</el-breadcrumb-item>
		</el-breadcrumb>
		<div class="content_Box box-shadow mt_15">
			<div class="py_5 px_10">
				<el-row>
					<el-col :span="6">
						<el-button type="default" @click="downloadOrder()" round size="mini">导出</el-button>
						<el-button type="success" @click="downloadPhoto()" round size="mini">下载证件照</el-button>
						<span style="color: #909399;">排序</span>
						<el-select class="w_110" v-model="order" placeholder="排序" @change="listUser">
							<el-option label="创建时间" value="1"></el-option>
							<el-option label="出工次数" value="2"></el-option>
						</el-select>
					</el-col>
					<el-col :span="18">
						<el-form :inline="true" class="form-inline fr">
							<el-form-item class="w_100">
								<el-input v-model="s_name" placeholder="姓名"></el-input>
							</el-form-item>
							<el-form-item class="w_110">
								<el-input v-model="s_tel" placeholder="手机号"></el-input>
							</el-form-item>
							<el-form-item class="w_180" style="line-height:30px !important;">
								<el-input class="sfz_input" type="textarea" :rows="1" :cols="32" v-model="s_sfz" placeholder="身份证号"></el-input>
							</el-form-item>
							<!-- 供应商 -->
							<lh-agent-list @sendValue="setValue" :reset="agent_reset"></lh-agent-list>

							<el-form-item>
								<el-select
									class="w_110"
									v-model="city_id"
									placeholder="请选择城市"
									@change="changeCity(city_id, 'search')"
								>
									<el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_110">
								<el-select @change="changeBtn" v-model="recruitment" clearable placeholder="招聘方式">
									<el-option v-for="item in sourceList" :key="item.id" :label="item.label" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_110">
								<el-input v-model="enroll_name" placeholder="招聘者"></el-input>
							</el-form-item>
							<el-form-item class="w_100">
								<el-input v-model="s_shr" placeholder="审核人"></el-input>
							</el-form-item>
							<el-form-item class="w_110">
								<el-select @change="datachangeBtn" v-model="s_sj_status" clearable placeholder="选择时间">
									<el-option v-for="item in sjTypeArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item>
								<el-date-picker
									@change="datachangeBtn"
									size="mini"
									class="w_170i"
									type="datetime"
									value-format="yyyy-MM-dd HH:mm:ss"
									format="yyyy-MM-dd HH:mm:ss"
									placeholder="开始时间"
									v-model="ruleForm.date1"
								></el-date-picker>
							</el-form-item>~
							<el-form-item>
								<el-date-picker
									@change="datachangeBtn"
									size="mini"
									class="w_170i"
									type="datetime"
									value-format="yyyy-MM-dd HH:mm:ss"
									format="yyyy-MM-dd HH:mm:ss"
									placeholder="结束时间"
									v-model="ruleForm.date2"
								></el-date-picker>
							</el-form-item>
							<el-button size="mini" type="primary" class="round-right" native-type="button" @click="shearchBtn"
								>搜索</el-button>
							<el-button size="mini" round @click="resetBtn">重置</el-button>
						</el-form>
					</el-col>
				</el-row>
			</div>
			<div class="py_5 px_10">
				<el-row>
					<el-col :span="24">
						<el-form :inline="true" class="form-inline fr">
							<el-form-item class="w_100">
								<el-select @change="changeBtn" v-model="s_identity_status" clearable placeholder="签约状态">
									<el-option v-for="item in qyTypeArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_85">
								<el-select @change="changeBtn" v-model="s_job_status" clearable placeholder="接活设置">
									<el-option label="已设置" value="1"></el-option>
									<el-option label="未设置" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_100">
								<el-select @change="changeBtn" v-model="s_jkz_status" clearable placeholder="健康证状态">
									<el-option v-for="item in jkxArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_100">
								<el-select @change="changeBtn" v-model="s_pre_audit_status" clearable placeholder="预审状态">
									<el-option label="待预审" value="1"></el-option>
									<el-option label="待面试" value="2"></el-option>
									<el-option label="无效用户" value="3"></el-option>
									<el-option label="暂不处理" value="4"></el-option>
									<el-option label="面试通过" value="5"></el-option>
									<el-option label="面试不通过" value="6"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_100">
								<el-select @change="changeBtn" v-model="s_qy_status" clearable placeholder="灵活儿状态">
									<el-option v-for="item in rzTypeArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_90">
								<el-select @change="changeBtn" v-model="s_cg_status" clearable placeholder="出工状态">
									<el-option v-for="item in cgTypeArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_90">
								<el-select @change="changeBtn" v-model="s_ry_status" clearable placeholder="人员状态">
									<el-option v-for="item in ryTypeArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_85">
								<el-select @change="changeBtn" v-model="s_work_type" clearable placeholder="人才类型">
									<el-option label="兼职" value="1"></el-option>
									<el-option label="全职" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_110">
								<el-select @change="changeBtn" v-model="is_bind_agent" clearable placeholder="店铺绑定">
									<el-option label="是" value="1"></el-option>
									<el-option label="否" value="2"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item class="w_110">
								<el-select @change="changeBtn" v-model="is_black" clearable placeholder="黑名单">
									<el-option label="未拉黑" value="2"></el-option>
									<el-option label="已拉黑" value="1"></el-option>
								</el-select>
							</el-form-item>

							<el-form-item class="w_100">
								<el-select class="round-right" @change="changeBtn" v-model="s_sex_status" clearable placeholder="性别">
									<el-option label="男" value="male"></el-option>
									<el-option label="女" value="female"></el-option>
								</el-select>
							</el-form-item>
						</el-form>
					</el-col>
				</el-row>
			</div>
			<div class="tableMaxBox">
				<template>
					<el-table :data="renList" stripe @selection-change="handleSelectionChange">
						<el-table-column type="selection" width="50px" :selectable="checkboxT" disabled="true"> </el-table-column>
						<el-table-column type="index" label="序号" width="50px" align="center"></el-table-column>
						<el-table-column prop="staff_sn" label="人才编号" width="100" align="center"></el-table-column>
						<el-table-column prop="name" label="姓名" align="center" width="90px">
							<template slot-scope="{ row }">
								<span class="pointer u text-primary" @click="goToPersonnelDetails(row)">{{ row.name }}</span>
							</template>
						</el-table-column>
						<el-table-column prop="" label="手机号" align="center" width="120px">
							<template slot-scope="{ row }">
								<span>{{ row.mobile }}</span>
							</template>
						</el-table-column>
						<el-table-column prop="" label="性别" align="center" width="50px">
							<template slot-scope="{ row }">
								<span class="text-primary" v-if="row.gender == 'other'">未识别</span>
								<span class="text-primary" v-else-if="row.gender == 'male'">男</span>
								<span class="text-success" v-else-if="row.gender == 'female'">女</span>
							</template>
						</el-table-column>
						<el-table-column prop="age" label="年龄" width="50px" align="center"></el-table-column>
						<el-table-column prop="agent_name" label="代理商" align="center" width="150px"></el-table-column>
						<el-table-column label="城市" align="center" width="80px">
							<template slot-scope="{ row }">
								<span>{{ row.city_name }}</span>
							</template>
						</el-table-column>
						<el-table-column label="签约状态" align="center" width="75px">
							<template slot-scope="{ row }">
								<span class="text-success pointer u text-primary" v-if="row.certification_status == '1'" @click="goToPersonnelAudit(row)">已签约</span>
								<span class="text-primary" v-if="row.certification_status == '2'">未实名</span>
								<span class="text-primary" v-if="row.certification_status == '3'">待签名</span>
								<span class="text-primary pointer u text-primary" v-if="row.certification_status == '4'" @click="goToPersonnelAudit(row)">待审核</span>
								<span class="text-danger pointer u text-primary" v-if="row.certification_status == '5'" @click="goToPersonnelAudit(row)">签约失败</span>
							</template>
						</el-table-column>
						<el-table-column label="接活设置" align="center" width="75px">
							<template slot-scope="{ row }">
								<span class="text-success pointer u text-primary" v-if="row.job_status == '1'" @click="job_state(row)"
									>已设置</span
								>
								<span class="text-danger pointer u text-primary" v-if="row.job_status == '2'" @click="job_state(row)"
									>未设置</span
								>
							</template>
						</el-table-column>
						<el-table-column label="健康证" align="center" width="75px">
							<template slot-scope="{ row }">
								<span
									class="text-warning u cursor-pointer"
									v-if="row.certificate_health_status == '1'"
									@click="health_audit(row)"
									>待审核</span
								>
								<span class="text-info" v-if="row.certificate_health_status == '2'">未上传</span>
								<span
									class="text-success u cursor-pointer"
									v-if="row.certificate_health_status == '3'"
									@click="health_audit(row)"
									>审核通过</span
								>
								<span
									class="text-danger u cursor-pointer"
									v-if="row.certificate_health_status == '4'"
									@click="health_audit(row)"
									>审核驳回</span
								>
							</template>
						</el-table-column>
						<el-table-column label="预审状态" align="center" width="90px">
							<template slot-scope="{ row }">
								<el-tooltip effect="dark" placement="top" v-if="row.pre_audit.desc != ''">
									<div slot="content">
										<span class="tooltip click_state">{{ row.pre_audit.desc }}</span>
									</div>
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '1'"
										>待预审</span
									>
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '2'"
										>待面试</span
									>
									<span class="text-danger click_state" @click="click_state(row)" v-if="row.pre_audit.status == '3'"
										>无效用户</span
									>
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '4'"
										>暂不处理</span
									>
									<span class="text-success click_state" @click="click_state(row)" v-if="row.pre_audit.status == '5'"
										>面试通过</span
									>
									<span class="text-danger click_state" @click="click_state(row)" v-if="row.pre_audit.status == '6'"
										>面试不通过</span
									>
								</el-tooltip>
								<div v-if="row.pre_audit.desc == ''" class="tooltip click_state">
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '1'"
										>待预审</span
									>
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '2'"
										>待面试</span
									>
									<span class="text-danger click_state" @click="click_state(row)" v-if="row.pre_audit.status == '3'"
										>无效用户</span
									>
									<span class="text-primary click_state" @click="click_state(row)" v-if="row.pre_audit.status == '4'"
										>暂不处理</span
									>
									<span class="text-success click_state" @click="click_state(row)" v-if="row.pre_audit.status == '5'"
										>面试通过</span
									>
									<span class="text-danger click_state" @click="click_state(row)" v-if="row.pre_audit.status == '6'"
										>面试不通过</span
									>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="灵活儿状态" align="center" width="75px">
							<template slot-scope="{ row }">
								<span class="text-primary" v-if="row.staff_status == '10'">未申请</span>
								<span class="text-primary" v-if="row.staff_status == '20'">已申请</span>
								<span class="text-success" v-if="row.staff_status == '30'">审核通过</span>
								<span class="text-danger" v-if="row.staff_status == '40'">审核失败</span>
							</template>
						</el-table-column>
						<el-table-column prop="sign_info.audit_name" label="审核人" width="90px"> </el-table-column>
						<el-table-column label="人员状态" align="center" width="70px">
							<template slot-scope="{ row, $index }">
								<!-- 下线且有值 -->
								<el-tooltip effect="dark" placement="top" v-if="row.work_status == 2 && row.reason_offline != ''">
									<div slot="content">
										<span class="tooltip">{{ row.reason_offline }}</span>
									</div>
									<div>
										<el-switch
											v-model="row.work_status_tag"
											active-color="#13ce66"
											inactive-color="#ff4949"
											:disabled="row.staff_status == '30' ? false : true"
											@change="redactBtn(row, $index)"
										>
										</el-switch>
									</div>
								</el-tooltip>
								<!-- 下线没有值 -->
								<div v-if="row.work_status == 2 && row.reason_offline == ''">
									<div>
										<el-switch
											v-model="row.work_status_tag"
											active-color="#13ce66"
											inactive-color="#ff4949"
											:disabled="row.staff_status == '30' ? false : true"
											@change="redactBtn(row, $index)"
										>
										</el-switch>
									</div>
								</div>
								<div v-if="row.work_status == 1">
									<el-tooltip placement="top" v-if="row.agent_shop_name != ''">
										<div slot="content">该人才当前入职店铺为：[{{ row.agent_shop_name }}]，不能进行此操作。</div>
										<div>
											<el-switch
												v-model="row.work_status_tag"
												active-color="#13ce66"
												inactive-color="#ff4949"
												:disabled="row.staff_status != '30' || row.agent_shop_name != '' ? true : false"
												@change="redactBtn(row, $index)"
											>
											</el-switch>
										</div>
									</el-tooltip>
									<div v-else>
										<el-switch
											v-model="row.work_status_tag"
											active-color="#13ce66"
											inactive-color="#ff4949"
											:disabled="row.staff_status != '30' || row.agent_shop_name != '' ? true : false"
											@change="redactBtn(row, $index)"
										>
										</el-switch>
									</div>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="出工状态" align="center" width="75px">
							<template slot-scope="{ row }">
								<span class="text-success" v-if="row.is_work == '1'">已出工</span>
								<span class="text-danger" v-if="row.is_work == '2'">未出工</span>
							</template>
						</el-table-column>
						<el-table-column label="结算周期" align="center" width="75px">
							<template slot-scope="{ row }">
								<span v-if="row.bill_period == 'day'">日</span>
								<span v-if="row.bill_period == 'week'">周</span>
								<span v-if="row.bill_period == 'month'">月</span>
							</template>
						</el-table-column>
						<el-table-column prop="recruitment_name" label="招聘方式" align="center" width="75px"></el-table-column>
						<el-table-column label="招聘渠道" prop="belongName" align="center" width="110px"></el-table-column>
						<el-table-column prop="enroll_name" label="招聘者" align="center" width="75px">
							<template slot-scope="{ row }">
								<span v-if="row.enroll_name != '未知'">{{ row.enroll_name }}</span>
								<span v-if="row.enroll_name == '未知'" @click="sourceBtn2(row)" style="cursor: pointer;">{{
									row.enroll_name
								}}</span>
							</template>
						</el-table-column>
						<el-table-column prop="recommender_name" label="邀请人" width="90px"> </el-table-column>
						<el-table-column label="黑名单" align="center" width="80px">
							<template slot-scope="{ row }">
								<span class="cursor-pointer u" @click="getHmdList(row.staff_sn)"> {{ row.user_black_type }} </span>
							</template>
						</el-table-column>
						<el-table-column prop="add_time" label="注册时间"></el-table-column>
						<el-table-column label="操作" width="210px" fixed="right">
							<template slot-scope="{ row }">
								<div style="float: left;">
									<el-link type="info" :underline="false" class="InfoFont text-success" v-if="row.staff_status != '10'" @click="goToFlexibleAudit(row)">审核</el-link>
									<el-link type="info" :underline="false" class="InfoFont" @click="schedule_state(row)">日程</el-link>
									<el-link type="info" :underline="false" class="InfoFont" @click="sourceBtn(row)">来源</el-link>
									<el-link type="info" :underline="false" class="InfoFont" @click="goToPersonnelLabel(row)">贴标签</el-link>
									<el-link type="info" :underline="false" class="InfoFont"></el-link>
								</div>
								<el-popover trigger="hover" placement="right" style="float: left;">
									<span>
										<!-- <el-link type="info" :underline="false" class="InfoFont" @click="toPersonnelListHx(row)">人才画像</el-link> -->
										<!-- <el-link type="info" :underline="false" class="InfoFont" @click="goToPersonnelDetails(row)">详情</el-link> -->
										<!-- <el-link type="info" :underline="false" class="InfoFont" @click="goTodateEdit(row)">上岗时段</el-link > -->
										<el-link type="info" :underline="false" class="InfoFont" @click="goTodateTask(row)">任务</el-link>
										<el-link type="info" :underline="false" class="InfoFont" @click="bankCard(row)">银行卡</el-link>
										<el-link type="info" :underline="false" class="InfoFont" @click="shielding(row)">拉黑</el-link>
										<el-link type="info" :underline="false" class="InfoFont" @click="goToPersonnelDetails(row)">等级管理</el-link>
										<el-link type="info" :underline="false" class="InfoFont" @click="lookStore(row)">在职店铺</el-link>
									</span>
									<div slot="reference" class="name-wrapper" style="cursor: pointer;">
										<el-link type="info" :underline="false" class="InfoFont">更多</el-link>
									</div>
								</el-popover>
							</template>
						</el-table-column>
					</el-table>
					<!-- 分页组件 -->
					<page :total="total" :pageNums="pageNum" :disableMountedFetch="true" @pagedata="onChildValue"></page>
				</template>
			</div>
		</div>
		<!-- 拉黑弹窗 -->
		<el-dialog :title="diaTitle" :visible.sync="shieldingPopup" width="650px" :close-on-click-modal="false">
			<div class="auditCentent">
				<div class="row-info clear mb_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>类型</div>
					<div class="fl list-cont">
						<el-radio-group v-model="shielding_type" @change="selectShieldingtype()">
							<el-radio label="platform">平台黑名单</el-radio>
							<el-radio label="shop">店铺黑名单</el-radio>
						</el-radio-group>
					</div>
				</div>
				<div class="row-info clear mb_10" v-if="shielding_type == 'shop'">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>店铺名称</div>
					<div class="fl list-cont">
						<el-select v-model="shielding_shopname" filterable placeholder="请选择店铺" @change="selectShop">
							<el-option v-for="item in shopList" :key="item.shop_sn" :label="item.name" :value="item"> </el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>黑名单</div>
					<div class="fl list-cont">
						<el-input v-model="select_staff_name" :disabled="true"></el-input>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>手机号</div>
					<div class="fl list-cont">
						<el-input v-model="user_contact_phone_StateShowcx" :disabled="true"></el-input>
					</div>
				</div>
				<div class="row-info clear red" v-if="black_card_num > 1">
					该人才共有{{ black_card_num }}个账号，确认后将全部拉黑
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>原因</div>
					<div class="fl list-cont">
						<el-input type="textarea" :rows="4" :cols="32" v-model="shielding_failreason" maxlength="250"></el-input>
					</div>
				</div>
			</div>
			<!-- 是否有任务在身 -->
			<div class="other_task" v-if="unstartedTask">
				提示：该员工有<span class="is-underline" @click="noStartTask"> 未开始的任务 </span>，是否将任务撤回？
			</div>
			<div slot="footer" class="dialog-footer dialog-footer-flex">
				<span v-if="unstartedTask" class="btnOK mr_20" @click="shieldingBtn('yes')">确认拉黑并撤回任务</span>
				<span v-if="unstartedTask" class="resetBtn mr_20" @click="shieldingBtn('no')">确认拉黑不撤回任务</span>
				<span v-if="!unstartedTask" class="btnOK mr_20" @click="shieldingBtn('no')">确 定</span>
				<span class="resetBtn" @click="shieldingPopup = false">取 消</span>
			</div>
		</el-dialog>

		<!-- 人员状态-关闭弹框 -->
		<el-dialog
			:title="diaTitle"
			:visible.sync="StateShowStop"
			width="560px"
			:close-on-click-modal="false"
			:before-close="hiddenRY1"
		>
			<div class="auditCentent" style="overflow: hidden;">
				<span>该功能适用于员工长期不能出工时的标记；若是违规不再合作的情况，请使用拉黑功能。确定要下线吗？</span>
				<br />
				<!-- <el-radio v-model="longdown" label="1" class="mt_20">永久下线</el-radio> -->
				<br />
				<div style="float: left; margin-top: 15px; font-weight: 800;">下线原因：</div>
				<div class="labels" style="float: left; margin-left: -4px; margin-top: 10px;">
					<div
						class="labels_label"
						v-for="(item, index) in offline_staff_arr"
						:key="index"
						:class="item.check == 1 ? 'check_label' : ''"
						@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
					>
						{{ item.title }}
					</div>
				</div>
			</div>
			<!-- 是否有任务在身 -->
			<div class="mt_20" v-if="unstartedTask">
				提示：该员工有<span class="is-underline" @click="noStartTask"> 未开始的任务 </span>，下线后任务将自动撤回？
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addMenuBtn(2)">确 定</span>
				<span class="resetBtn" @click="hiddenRY1">取 消</span>
			</div>
		</el-dialog>

		<!-- 人员状态-开启弹框 -->
		<el-dialog
			:title="diaTitle"
			:visible.sync="StateShowStart"
			width="560px"
			:close-on-click-modal="false"
			:before-close="hiddenRY"
		>
			<div class="auditCentent">
				<span>上线人才，可以接收任务派单、接单、提现。</span>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addMenuBtn(1)">确 定</span>
				<span class="resetBtn" @click="hiddenRY1">取 消</span>
			</div>
		</el-dialog>

		<!-- 签约状态审核-弹框 -->
		<el-dialog
			:title="diaTitle"
			:visible.sync="PersonnelAudit"
			width="560px"
			:close-on-click-modal="false"
			:before-close="hiddenRY"
		>
			<div class="auditCentent">
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>姓名：</div>
					<div class="fl list-cont">
						{{ staffInfo.name }}
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>手写签名：</div>
					<div class="fl list-cont" style="height: 120px;">
						<img :src="staffInfo.qm" class="avatar r-90" />
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">&nbsp;</div>
					<div class="fl list-cont" style="color: #ff0000;">
						【重要】请确保手写签名与员工姓名一致！
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>审核：</div>
					<div class="fl list-cont">
						<el-radio v-model="signTag" label="1" v-if="sign_staff_status != '1'">签约成功</el-radio>
						<el-radio v-model="signTag" label="5">签约失败</el-radio>
					</div>
				</div>
				<div class="row-info clear" v-if="signTag == 5">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>失败原因：</div>
					<div class="fl list-cont">
						<el-input type="textarea" :rows="4" :cols="32" v-model="text" maxlength="250"></el-input>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addMenuBtnQY()">确 定</span>
				<span class="resetBtn" @click="PersonnelAudit = false">取 消</span>
			</div>
		</el-dialog>

		<!-- 灵活合作审核-弹框 -->
		<el-dialog
			:title="diaTitle"
			:visible.sync="FlexibleAudit"
			width="560px"
			:close-on-click-modal="false"
			:before-close="hiddenRY"
		>
			<div class="auditCentent">
				<div class="row-info clear">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>人才类型：</div>
					<div class="fl list-cont">
						<el-radio v-model="work_type" label="1" :disabled="new_staff_status == 30">兼职</el-radio>
						<el-radio v-model="work_type" label="2" :disabled="new_staff_status == 30">全职</el-radio>
					</div>
				</div>
				<div class="row-info clear mt_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>审核：</div>
					<div class="fl list-cont">
						<el-radio v-model="tag" label="30" v-if="new_staff_status != 30">审核通过</el-radio>
						<el-radio v-model="tag" label="40">审核失败</el-radio>
					</div>
				</div>
				<div class="row-info clear" v-if="tag == 40">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>失败原因：</div>
					<div class="fl list-cont">
						<el-input type="textarea" :rows="4" :cols="32" v-model="text" maxlength="250"></el-input>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addMenuBtnLH()">确 定</span>
				<span class="resetBtn" @click="FlexibleAudit = false">取 消</span>
			</div>
		</el-dialog>

		<!-- 贴标签-弹框 -->
		<el-dialog :title="diaTitle" :visible.sync="labels" width="560px" :close-on-click-modal="false">
			<div class="auditCentent">
				<!-- 标签列表 -->
				<div class="labels">
					<span v-for="(item, index) in labels_arr" :key="item.id">
						<div
							class="labels_label"
							:class="item.check == 1 ? 'check_label' : ''"
							@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
							v-if="index >= 0 && index <= 9"
						>
							{{ item.label_name }}
						</div>
					</span>
				</div>
				<div class="labels">
					<span v-for="(item, index) in labels_arr" :key="item.id">
						<div
							class="labels_label"
							v-if="index >= 10 && index <= 22"
							:class="item.check == 1 ? 'check_label' : ''"
							@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
						>
							{{ item.label_name }}
						</div>
					</span>
				</div>
				<div class="labels">
					<span v-for="(item, index) in labels_arr" :key="item.id">
						<div
							class="labels_label"
							v-if="index >= 23"
							:class="item.check == 1 ? 'check_label' : ''"
							@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
						>
							{{ item.label_name }}
						</div>
					</span>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addMenuBtnBQ()">确 定</span>
				<!-- <span class="btnOK mr_20">确 定</span> -->
				<span class="resetBtn" @click="labels = false">取 消</span>
			</div>
		</el-dialog>
		<!-- 审核状态-弹框 -->
		<el-dialog :title="diaTitle" :visible.sync="ClickState" width="560px" :close-on-click-modal="false">
			<div class="auditCentent">
				<div class="row-info clear">
					<div class="fl list-cont">
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="1">待预审</el-radio>
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="2">待面试</el-radio>
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="3">无效用户</el-radio>
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="4">暂不处理</el-radio>
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="5">面试通过</el-radio>
						<el-radio @change="pre_audit_desc = ''" v-model="pre_audit_status" label="6">面试不通过</el-radio>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl list-cont" style="width: 95%; margin-top: 20px;">
						<el-input type="textarea" placeholder="备注" :rows="4" :cols="32" v-model="pre_audit_desc" maxlength="250"></el-input>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="ClickStateBtn()">确 定</span>
				<span class="resetBtn" @click="clearAll()">取 消</span>
			</div>
		</el-dialog>
		<!-- 接活设置-弹框 -->
		<el-dialog
			title="接活设置"
			:visible.sync="JobState"
			width="900px"
			:close-on-click-modal="false"
			:before-close="setRichengshezhi"
		>
			<div class="wrap_main">
				<div class="JobCentent_next auditCentent">
					<!-- 出工城市 -->
					<div class="Job-cont">
						<p class="key">出工城市</p>
						<div class="val">
							<el-select
								class="w_110"
								v-model="Job.city_id"
								placeholder="请选择城市"
								@change="changeCity(Job.city_id, '')"
							>
								<el-option
									v-for="item in cityListAll"
									:key="item.id"
									:label="item.city_name"
									:value="item.id"
								></el-option>
							</el-select>
						</div>
					</div>

					<!-- 岗位列表 -->
					<div class="Job-cont">
						<p class="key">岗位</p>
						<div class="val">
							<span
								class="labels_label"
								v-for="item in JobLabelArr"
								:key="item.id"
								:class="item.check == 1 ? 'check_label' : ''"
								@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
							>
								{{ item.label_name }}
							</span>
						</div>
					</div>
					<!-- 工作商圈 -->
					<div class="Job-cont">
						<p class="key">工作商圈</p>
						<div class="val">
							<span
								class="labels_label"
								v-for="item in areaList"
								:key="item.id"
								:class="item.check == 1 ? 'check_label' : ''"
								@click="item.check == 1 ? (item.check = 0) : (item.check = 1)"
							>
								{{ item.area_name }}
							</span>
						</div>
					</div>
					<div class="labels">
						<p style="padding: 3px 4px;">常驻地址</p>
						<div class="row-info clear">
							<div class="fl title-key">位置</div>
							<div class="fl list-cont">
								<el-input :value="Job.lng + ',' + Job.lat" disabled></el-input>
							</div>
							<i class="lhadmin lhadmin-dingwei dingwei ml_5 cursor-pointer" @click="openMap"></i>
						</div>
						<div class="row-info clear mt_20">
							<div class="fl title-key">详细地址</div>
							<div class="fl list-cont">
								<el-input v-model="Job.address" placeholder="详细地址，例如10-301"></el-input>
							</div>
						</div>
					</div>

					<div slot="footer" class="dialog-footer" style="margin-top: 30px;">
						<span class="btnOK mr_20" @click="JobStateBtn()">确 定</span>
						<span class="resetBtn" @click="setRichengshezhi()">取 消</span>
					</div>
				</div>
			</div>
		</el-dialog>

		<!-- 日程设置-弹框 -->
		<el-dialog
			title="日程设置"
			:visible.sync="scheduleShow"
			width="900px"
			:close-on-click-modal="false"
			:before-close="setRichengshezhi"
		>
			<div class="wrap_main richengshezhi">
				<p style="font-size: 14px; margin-bottom: 12px;">日程安排</p>
				<div>
					<el-table :data="richengshezhi" stripe @selection-change="handleSelectionChangeNext()">
						<el-table-column type="selection" prop="id" align="center" width="50px">
							<template slot-scope="{ $index }">
								<el-checkbox v-model="checked[$index].is_set" @change="checkboxChange($index)"></el-checkbox>
							</template>
						</el-table-column>
						<el-table-column
							v-for="(item, index) in dayArr"
							prop="id"
							:key="index"
							:label="item.day_next + '(' + item.week + ')'"
							align="center"
						>
							<template slot-scope="{ $index }">
								<el-checkbox v-model="richengshezhi[$index].arr[index].is_set">{{
									richengshezhi[$index].arr[index].value
								}}</el-checkbox>
							</template>
						</el-table-column>
					</el-table>
					<div slot="footer" class="dialog-footer" style="margin: 10px 20px; float: right;">
						<span class="btnOK mr_20" @click="richengBtn()">确 定</span>
						<span class="resetBtn" @click="setRichengshezhi()">取 消</span>
					</div>
				</div>
			</div>
		</el-dialog>

		<!-- 来源-弹框 -->
		<el-dialog title="人才来源" :visible.sync="hiddenLY" width="560px" :close-on-click-modal="false">
			<div class="auditCentent source-box">
				<div class="row-info clear">
					<div class="fl title-key">招聘方式</div>
					<div class="fl list-cont">
						<el-select
							v-model="sourceDate.recruitment"
							placeholder="请选择"
							:disabled="recruitmentDisabled"
							@change="sourceChange"
						>
							<el-option v-for="item in sourceList" :key="item.id" :label="item.label" :value="item.id"></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">招聘渠道</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.belong" placeholder="请选择" :disabled="belongDisabled">
							<el-option
								v-for="item in channelList"
								:key="item.id"
								:label="item.label_name"
								:value="item.id"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">招聘者</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.qr_scene_str" placeholder="请选择" filterable :disabled="sourceDisabled">
							<el-option
								v-for="item in qrcodeList"
								:key="item.id"
								:label="item.name"
								:value="item.qr_scene_str"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">邀请人</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.recommender" placeholder="请选择" filterable :disabled="recommenderDisabled">
							<el-option v-for="item in inviterList" :key="item.id" :label="item.name" :value="item.id"></el-option>
						</el-select>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="sourceBtnQY()">确 定</span>
				<span class="resetBtn" @click="cancelHiddenLY">取 消</span>
			</div>
		</el-dialog>
		<!-- 来源-弹框 -->
		<el-dialog title="人才来源" :visible.sync="hiddenLY2" width="560px" :close-on-click-modal="false">
			<div class="auditCentent source-box">
				<div class="row-info clear">
					<div class="fl title-key">招聘方式</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.recruitment" placeholder="请选择" disabled>
							<el-option v-for="item in sourceList" :key="item.id" :label="item.label" :value="item.id"></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">招聘渠道</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.belong" placeholder="请选择" disabled>
							<el-option
								v-for="item in channelList"
								:key="item.id"
								:label="item.label_name"
								:value="item.id"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">招聘者</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.qr_scene_str" placeholder="请选择" filterable>
							<el-option
								v-for="item in qrcodeList"
								:key="item.id"
								:label="item.name"
								:value="item.qr_scene_str"
							></el-option>
						</el-select>
					</div>
				</div>
				<div class="row-info clear">
					<div class="fl title-key">邀请人</div>
					<div class="fl list-cont">
						<el-select v-model="sourceDate.recommender" placeholder="请选择" filterable disabled>
							<el-option v-for="item in inviterList" :key="item.id" :label="item.name" :value="item.id"></el-option>
						</el-select>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="sourceBtnQY2()">确 定</span>
				<span class="resetBtn" @click="cancelHiddenLY">取 消</span>
			</div>
		</el-dialog>

		<!-- 健康证审核状态-弹框 -->
		<el-dialog :title="diaTitle" :visible.sync="healthAudit" width="560px" :close-on-click-modal="false">
			<div class="auditCentent">
				<div class="row-info clear mb_10 flex">
					<div class="fl title-key">健康证</div>
					<div class="fl list-cont">
						<showimg :imgsrc="head_url + healthStatus.front_pic"></showimg>
					</div>
					<div class="fl list-cont">
						<showimg :imgsrc="head_url + healthStatus.back_pic"></showimg>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key">发证城市</div>
					<div class="fl list-cont">
						<el-input v-model="healthStatus.city_name" :disabled="true"></el-input>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key">健康证号</div>
					<div class="fl list-cont">
						<el-input v-model="healthStatus.health_sn" :disabled="true"></el-input>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key">证件有效期</div>
					<div class="fl list-cont">
						<el-input v-model="healthStatus.expire_time" :disabled="true"></el-input>
					</div>
				</div>
				<div class="row-info clear mb_10">
					<div class="fl title-key"><i class="lhadmin lhadmin-wujiaoxing"></i>健康证审核</div>
					<div class="fl list-cont">
						<el-radio v-model="certificate_health_status" label="3">审核通过</el-radio>
						<el-radio v-model="certificate_health_status" label="4">审核驳回</el-radio>
					</div>
				</div>
				<div class="row-info clear mb_10" v-if="certificate_health_status == 4">
					<div class="fl title-key">驳回原因</div>
					<div class="fl list-cont">
						<el-input type="textarea" :rows="4" :cols="32" v-model="healthStatus.fail_reason" maxlength="250"></el-input>
					</div>
				</div>
			</div>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="addHealthAudit()">确 定</span>
				<span class="resetBtn" @click="healthAudit = false">取 消</span>
			</div>
		</el-dialog>
		<!-- 银行卡弹窗 -->
		<el-dialog title="银行卡" :visible.sync="bankCardVisible" width="650px" :close-on-click-modal="false">
			<!-- 银行卡列表 -->
			<template>
				<!-- 用户信息 - 添加银行卡 -->
				<div class="bankCardTop">
					<div class="userMsg">{{ card_name }}</div>
					<div class="addBankCard" @click="addBankCardVisible = true">添加</div>
				</div>
				<!-- 银行卡信息 -->
				<el-table :data="bankCardList" stripe>
					<el-table-column type="index" label="序号" width="50"></el-table-column>
					<el-table-column property="bank_card_id" label="银行卡号" width="150"></el-table-column>
					<el-table-column property="bank_name" label="开户行" width="200"></el-table-column>
					<el-table-column property="bank_branck_name" label="支行"></el-table-column>
					<el-table-column property="is_default" label="是否默认">
						<template slot-scope="{ row }">
							<span v-if="row.is_default == 1">默认</span>
							<span style="cursor: pointer;" v-else-if="row.is_default == 2" @click="setBankCard(row)">设为默认</span>
						</template>
					</el-table-column>
				</el-table>
			</template>
			<div slot="footer" class="dialog-footer">
				<span class="btnOK mr_20" @click="bankCardVisible = false">确 定</span>
			</div>

			<!-- 添加银行卡弹窗 -->
			<el-dialog
				width="50%"
				title="添加银行卡"
				:visible.sync="addBankCardVisible"
				append-to-body
				@close="resetForm('bankCardForm')"
			>
				<!-- 用户信息 - 添加银行卡 -->
				<div class="bankCardTop">
					<div class="userMsg">{{ card_name }}</div>
				</div>
				<!-- 银行卡信息 -->
				<el-form :model="bankCardForm" :rules="rules" ref="bankCardForm" style="padding: 0 30px;">
					<el-form-item label="银行卡号" :label-width="formLabelWidth" prop="bank_card_id" class="mb-2">
						<el-input v-model="bankCardForm.bank_card_id" autocomplete="off" placeholder="请输入银行卡号"></el-input>
					</el-form-item>
					<el-form-item label="开户行" :label-width="formLabelWidth" prop="bank_name" class="mb-2">
						<el-input v-model="bankCardForm.bank_name" autocomplete="off" placeholder="请输入开户行"></el-input>
					</el-form-item>
					<el-form-item label="分行/支行" :label-width="formLabelWidth" class="mb-2">
						<el-input
							v-model="bankCardForm.bank_branck_name"
							autocomplete="off"
							placeholder="请输入分行/支行"
						></el-input>
					</el-form-item>
					<el-form-item style="text-align: right;">
						<el-button type="primary" @click="submitForm('bankCardForm')">确认</el-button>
						<el-button @click="resetForm('bankCardForm')">取消</el-button>
					</el-form-item>
				</el-form>
			</el-dialog>
		</el-dialog>

		<!-- 拉黑列表 -->
		<el-dialog title="黑名单" :visible.sync="blacklistShow" width="800px" :close-on-click-modal="false">
			<div class="auditCentent">
				<template>
					<el-table :data="blackList" stripe style="width: 100%;">
						<el-table-column prop="date" label="类型" width="100">
							<template slot-scope="{ row }">
								<span v-if="row.black_type == 'shop'">店铺黑名单</span>
								<span v-if="row.black_type == 'platform'">平台黑名单</span>
							</template>
						</el-table-column>
						<el-table-column prop="reason" label="原因" width="160"> </el-table-column>
						<el-table-column prop="shop_name" label="店铺名称" width="130"> </el-table-column>
						<el-table-column prop="date" label="状态" width="60">
							<template slot-scope="{ row }">
								<span class="text-success" v-if="row.status == '1'">生效中</span>
								<span v-if="row.status == '2'">已作废</span>
							</template>
						</el-table-column>
						<el-table-column prop="operator" label="操作人" width="100"> </el-table-column>
						<el-table-column prop="add_time" label="最后更新时间" width="150"> </el-table-column>
						<el-table-column prop="date" label="操作" width="50">
							<template slot-scope="{ row }">
								<!-- <el-popconfirm v-if="row.status == 1" title="确定要作废吗？">
									<el-button class="black-btn" slot="reference" @click="blacklistZf(row.staff_sn)">作废</el-button>
								</el-popconfirm> -->
								<el-link
									type="danger"
									:underline="false"
									class="InfoFont"
									v-if="row.status == 1"
									@click="blacklistZf(row)"
									>作废</el-link
								>
							</template>
						</el-table-column>
					</el-table>
				</template>
			</div>
			<div slot="footer" class="dialog-footer"></div>
		</el-dialog>

		<!-- 弹出地图 -->
		<!-- 在地图上标记店铺位置 -->
		<el-dialog
			title="在地图上标记店铺位置"
			:visible.sync="mapReadctRoleShow"
			width="1000px"
			:before-close="close"
			:close-on-click-modal="false"
		>
			<div class="auditCentent">
				<div class="clear">
					<div class="mb_10 roleFunctionBox">
						<div class="pl_10 pb_10">
							<!-- 区域画图 -->
							<areapickings
								v-if="mapReadctRoleShow"
								@pagedata="onMapChildValue"
								:lngs="Job.lng"
								:lats="Job.lat"
							></areapickings>
						</div>
					</div>
				</div>
			</div>
		</el-dialog>

		<!-- 查看在职店铺 -->
		<el-dialog title="在职店铺" :visible.sync="dialogStoreVisible">
			<el-table :data="storeData">
				<el-table-column property="shop_name" label="店铺名称" align="center"></el-table-column>
				<el-table-column property="add_time" label="入职时间" min-width="150" align="center"></el-table-column>
				<el-table-column label="操作" align="center">
					<template slot-scope="{ row }">
						<el-link type="info" class="InfoFont" @click="departure(row)">离职</el-link>
					</template>
				</el-table-column>
			</el-table>
			<el-dialog width="30%" title="离职" :visible.sync="departInnerVisible" append-to-body>
				<div>
					确定要将[{{ departName }}]从该店铺离职吗？
				</div>
				<div slot="footer" class="dialog-footer">
					<el-button @click="departInnerVisible = false">取 消</el-button>
					<el-button type="primary" @click="userDepart">确定</el-button>
				</div>
    		</el-dialog>
		</el-dialog>
	</div>
</template>

<script>
var common = require('../../../static/tool.js')
import { fetchLabelList, fetchAreaList } from '@/api/shop.js'
import { fetchCityArea, fetchCityList } from '@/api/city.js'
import qs from "qs";
import {
	fetchQrcodeList,
	setStaffWork,
	fetchListForSearch,
	bankCardList,
	addBankCard,
	setBankCard,
	fetchBlackList,
	seBlackInvalid,
	createBack,
	fetchUserLang
} from '@/api/staff.js'
import {
	fetchUsersInfo,
	saveUserSchedule,
	getUserInfo,
	healthAudit,
	userList,
	auditSignSolo,
	auditFreelanceSolo,
	fetchWorkShopList,
	userDepart
} from '@/api/user.js'

import { taskList } from '@/api/task.js' //查询任务
import { fetchIndustryJob } from '@/api/label.js'
export default {
	name: 'PersonnelList',
	data() {
		return {
			that:this,
			head_url: 'https://img.zhongfuyun.com/',
			ids: '',
			id_sn: '',
			index: '',
			windowSizeHeight: document.documentElement.clientHeight, //浏览器可视化窗口的大小
			screenHeight: document.documentElement.clientHeight,
			manageInfo: JSON.parse(sessionStorage.getItem('manageInfo')), //登录信息
			url: common.url,
			renList: [], //订单集合
			new_staff_status: '', //当前人的审核状态
			sign_staff_status: '', //签约人状态
			s_name: this.$route.query.name || '', //姓名
			s_tel: '', //手机号
			s_sfz: '', //身份证号
			cityListAll: [], //所有的城市
			cityList: [], // 城市列表
			city_val: '',
			city_id: '',
			recruitment: '', //招聘方式 *****
			enroll_name: '', //招聘者
			// belong: '', //来源
			s_shr: '', //审核人
			s_pre_audit_status: '', //预审状态
			s_identity_status: '', //类型认证
			s_qy_status: '', //类型签约
			s_bk_status: '', //类型绑卡
			s_cg_status: '', //出工状态
			s_jkz_status: '', //健康证状态
			s_ry_status: '', //类型人员
			s_work_type: '', //人才类型
			is_bind_agent: '2', // 是否绑定店铺
			is_black: '', //黑名单
			s_xj_status: '', //类型星级
			s_job_status: '', //接活设置
			s_sex_status: '', //性别
			s_sj_status: '1', //类型时间
			s_agent_id: '', //代理商ID
			agent_reset: 0,
			statusTag: true,
			rzTypeArr: [],
			qyTypeArr: [],
			bkTypeArr: [
				{ id: '1', name: '已绑卡' },
				{ id: '2', name: '未绑卡' }
			],
			cgTypeArr: [
				{ id: '1', name: '已出工' },
				{ id: '2', name: '未出工' }
			],
			jkxArr: [
				{ id: '1', name: '待审核' },
				{ id: '2', name: '未上传' },
				{ id: '3', name: '审核通过' },
				{ id: '4', name: '审核驳回' }
			],
			ryTypeArr: [
				{ id: '1', name: '上线' },
				{ id: '2', name: '下线' }
			],
			xjTypeArr: [
				{ id: '5', name: '5星' },
				{ id: '4', name: '4星' },
				{ id: '3', name: '3星' },
				{ id: '2', name: '2星' },
				{ id: '1', name: '1星' }
			],
			labels_arr: [],
			offline_staff_arr: [], //下线原因
			sjTypeArr: [
				{ id: '3', name: '首次出工日期'},
				{ id: '1', name: '创建时间' },
				{ id: '2', name: '审核时间' }
			],
			ruleForm: {
				date1: '',
				date2: ''
			},
			staffInfo: [],
			StateShowStop: false, //人员状态-弹框关闭
			StateShowStart: false, //人员状态-弹框关闭
			PersonnelAudit: false, //审核状态弹框
			labels: false, //标签弹框
			ClickState: false, //预审结果弹框
			JobState: false, //接活设置弹框
			hiddenLY: false, //来源设置弹框
			hiddenLY2: false, //来源设置弹框
			healthAudit: false, //健康证审核弹窗
			shieldingPopup: false, //拉黑弹窗
			shielding_type: '', //拉黑默认状态
			shielding_shopname: '', //拉黑店铺名称
			shielding_shopsn: '', //拉黑店铺号码
			shop_city_id_StateShowcx: '',
			shop_area_id_StateShowcx: '',
			shop_business_sn_StateShowcx: '',
			shielding_failreason: '', //拉黑原因
			unstartedTask: false, //未开始的任务
			shopList: [], //店铺列表
			shopName: [
				{
					value: '1',
					label: '店铺1'
				},
				{
					value: '2',
					label: '店铺2'
				}
			],
			healthStatus: '', //选中健康证信息
			select_staff_sn: '', //选中人id
			select_staff_name: '', //选中人姓名
			user_identity_card: '', //选中人身份证
			user_contact_phone_StateShowcx: '',
			certificate_health_status: '', //审核状态
			black_card_num: 1,
			bankCardVisible: false, //银行卡弹窗
			addBankCardVisible: false, //添加银行卡弹窗
			bankCardForm: {
				bank_card_id: '',
				bank_name: '',
				bank_branck_name: ''
			}, //银行卡信息
			rules: {
				bank_card_id: [{ required: true, message: '请填写银行卡号', trigger: 'blur' }],
				bank_name: [{ required: true, message: '请填写开户行', trigger: 'blur' }]
			},
			bankCardList: [], //银行卡列表
			userId: '',
			formLabelWidth: '80px',
			card_name: '',
			diaTitle: '', //title
			longdown: '1', //是否永久下线
			tag: '30', // 灵活审核状态
			signTag: '1', //签约审核
			work_type: '1',
			text: '',
			// 选中的标签id
			label_arr: [],
			multipleSelection: [],

			//向分页组件传值
			total: 0,
			pageNum: 1,
			pageSizeNow: 20,
			//岗位列表
			TypeArr: [],
			//区域列表
			areaList: [],
			//预审状态
			pre_audit_status: '',
			//预审备注
			pre_audit_desc: '',
			// 招聘方式列表
			sourceList: [
				{ label: '直聘', id: 1 },
				{ label: '供应商', id: 2 },
				{ label: '内推', id: 3 },
				{ label: '自然流量', id: 4 }
			],
			// 招聘渠道
			channelList: [],
			// 招聘者
			qrcodeList: [],
			// 邀请人
			inviterList: [],
			// 编辑的 来源值
			sourceDate: {
				recruitment: '', //招聘方式
				belong: '', //招聘渠道
				qr_scene_str: '', //招聘者
				recommender: '' //邀请人 id
			},
			recruitmentDisabled: true, //招聘方式禁用
			belongDisabled: true, //招聘渠道禁用
			sourceDisabled: true, //招聘者禁用
			recommenderDisabled: true, //邀请人禁用
			richengshezhi: [],
			checked: [
				{
					is_set: false
				},
				{
					is_set: false
				},
				{
					is_set: false
				},
				{
					is_set: false
				}
			],
			dayArr: [],
			order: '1',
			showEnrollNameStatus: false,
			staff_name: '',
			staff_tel: '',

			scheduleShow: false, //日程弹框
			JobLabelArr: [], // 接活设置 岗位
			mapReadctRoleShow: false, //地图

			// 接活设置
			Job: {
				city_id: '', //出工城市
				lng: '',
				lat: '',
				address: ''
			},
			blackList: [], //黑名单列表
			blacklistShow: false, //黑名单
			dialogStoreVisible: false, //在职店铺弹窗
			departInnerVisible: false, //离职内层弹窗
			storeData:[], //在职店铺列表
			FlexibleAudit: false, //灵活合作审核
			departSn: '', //操作离职sn
			departName: '', //操作离职姓名
			departShopSn: '', //离职店铺sn
		}
	},
	created() {
		this.defaultTime() //默认时间
		// if order
		if (localStorage.getItem('order')) {
			this.order = localStorage.getItem('order')
		} else {
			this.order = '1'
		}

		if (this.$route.query.staff_name) {
			this.s_name = this.$route.query.staff_name
		}
		//岗位标签列表
		this.alljob_type()
		//下线标签列表
		this.OfflineStaffLabel()
		// 人员列表
		// this.staffList()
		this.setRichengshezhi()

		//获取最近七天
		for (let index = 1; index < 8; index++) {
			this.dayArr.push({
				day: this.$moment().add('days', index).format('YYYY-MM-DD'),
				day_next: this.$moment().add('days', index).format('MM-DD'),
				week: this.getWeek(index)
			})
		}
		//搜索框数据接口
		this.fetchUserLang();
	},
	mounted() {
		this.getcityList()
		this.shopLists()
	},
	methods: {
		//搜索框数据接口
		async fetchUserLang(){
			try {
				let res = await fetchUserLang()
				this.qyTypeArr = res.certification_status
				this.rzTypeArr = res.staff_status
			} catch (err) {
				console.log(err)
			}
		},
		//搜索默认时间
		defaultTime(){
			let start = this.date(-7)
			this.ruleForm.date1 = start + ' 00:00:00'
			let end = this.date()
			this.ruleForm.date2 = end + ' 23:59:59'
		},
		//时间处理器
		date(e) {
			return this.$moment().add('days', e).format('YYYY-MM-DD')
		},
		// 黑名单查看
		async getHmdList(val) {
			console.log(val)
			try {
				let res = await fetchBlackList({
					staff_sn: val
				})
				console.log(res)
				this.blackList = res.list
				this.blacklistShow = true
			} catch (err) {
				console.log(err)
			}
		},
		// 黑名单人作废
		async blacklistZf(row) {
			try {
				let ret = await this.$confirm(`确认要将【${row.staff_name}】该条记录作废吗？`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				})
				if (ret === 'cancel') return
				let res = await seBlackInvalid({
					id: row.id,
					staff_sn: row.staff_sn
				})
				console.log(res)
				this.getHmdList(row.staff_sn)
			} catch (err) {
				console.log(err)
			}
		},
		openMap(row) {
			console.log(row)
			//编辑
			this.mapReadctRoleShow = true //地图打开
		},
		close() {
			this.mapReadctRoleShow = false //地图关闭
		},
		//子组件过来的值
		async onMapChildValue(item) {
			console.log(item)
			try {
				this.Job.lng = item[0]
				this.Job.lat = item[1]
			} catch (err) {
				console.log(err)
			} finally {
				this.close()
			}
		},
		//获取所有城市列表
		async getcityList() {
			try {
				let ret = await fetchCityList()
				this.cityListAll = ret.list
				console.log(ret)
			} catch (err) {
				console.log(err)
			}
		},
		//拉黑查询是否有未完成的任务
		async notTalk(shopId) {
			try {
				let ret = await taskList({
					pageSize: 10,
					page: 1,
					staff_name: this.select_staff_name,
					shop_sn: shopId,
					status: '15,20,30'
				})
				//判断是否有未完成的任务
				if (ret) {
					this.unstartedTask = true
				} else {
					this.unstartedTask = false
				}
			} catch (err) {
				console.log('error:', err)
			}
		},

		//银行卡弹窗
		async bankCard(val) {
			this.card_name = val.name + '  ' + val.certification_info.identity_card
			this.bankCardVisible = true //银行卡弹窗
			this.userBankCardList(val.staff_sn) //银行卡列表
			this.userId = val.staff_sn
		},

		// 前往人才等级管理
		goToLevelManager(info) {
			this.$router.push({
				path: '/personnelLevelList',
				query: {
				staff_name: info.name || '',
				staff_mobile: info.mobile || '',
				agent_name: info.agent_name || '',
				city_id: info.city_id || '',
				city_name: info.city_name || '',
				staff_sn: info.staff_sn || '',
				area_name: info.job_areas_name ? info.job_areas_name.join('、') : ''
				}
			})
		},

		//用户银行卡列表
		async userBankCardList(staff_sn) {
			try {
				let ret = await bankCardList({ staff_sn: staff_sn })
				this.bankCardList = ret
			} catch (err) {
				console.log('error:', err)
			}
		},
		//查看同一身份下多少个账号
		async userCardList() {
			let fn = {
				pageSize: 1000,
				page: 1,
				identity_card: this.user_identity_card
			}
			try {
				let ret = await userList(fn)
				this.black_card_num = ret.list.length
			} catch (err) {
				console.log('error:', err)
			}
		},
		//健康证审核
		health_audit(row) {
			console.log(row.certificate_health_status)
			this.healthAudit = true
			this.diaTitle = '健康证审核'
			this.healthStatus = row.certificate_health
			this.select_staff_sn = row.staff_sn
			this.certificate_health_status = row.certificate_health_status.toString()
		},
		//切换拉黑类型
		selectShieldingtype() {
			if (this.shielding_type == 'platform') {
				//平台拉黑
				this.notTalk()
			} else if (this.shielding_type == 'shop') {
				//店铺拉黑
				if (this.shielding_shopsn) {
					this.notTalk(this.shielding_shopsn)
				} else {
					this.unstartedTask = false
				}
			}
		},
		//切换店铺
		selectShop(item) {
			this.shielding_shopname = item.name
			this.shielding_shopid = item.id
			this.shielding_shopsn = item.shop_sn
			this.shop_city_id_StateShowcx = item.city_id
			this.shop_area_id_StateShowcx = item.area_id
			this.shop_business_sn_StateShowcx = item.business_sn
			this.notTalk(item.shop_sn)
		},
		//拉黑弹窗
		shielding(row) {
			this.shielding_failreason = ''
			this.unstartedTask = false
			this.select_staff_sn = row.staff_sn
			this.select_staff_name = row.name
			this.user_identity_card = row.certification_info.identity_card
			this.user_contact_phone_StateShowcx = row.mobile
			this.shielding_shopname = '' //拉黑店铺名称
			;(this.shielding_shopsn = ''), //拉黑店铺号码
				(this.shielding_shopid = ''),
				this.notTalk() //查询是否有未完成的任务
			if (row.certification_info.identity_card) {
				this.userCardList() //查询同一身份下的账号
			}
			this.shielding_type = 'platform'
			this.shieldingPopup = true
			this.diaTitle = '新增黑名单'
		},
		//确定拉黑
		async shieldingBtn(type) {
			//判断是否为空
			if (this.shielding_type == 'shop') {
				if (!this.shielding_shopsn) {
					this.$message.error('请选择店铺')
					return
				}
			}
			if (!this.select_staff_name) {
				this.$message.error('请选择人才')
				return
			}
			if (!this.shielding_failreason) {
				this.$message.error('请填写拉黑原因')
				return
			}
			let fn = {
				shop_sn: this.shielding_shopsn,
				shop_name: this.shielding_shopname,
				staff_sn: this.select_staff_sn,
				identity_card: this.user_identity_card,
				reason: this.shielding_failreason,
				black_type: this.shielding_type,
				is_withdraw: type
			}
			try {
				let ret = await createBack(fn)
				if (ret.code == 601) {
					this.$message.error(ret.msg)
				} else {
					this.shieldingPopup = false
					this.listUser()
				}
			} catch (err) {
				this.$message.error(err.msg)
			}
		},
		//查看未开始的任务
		noStartTask() {
			//任务列表
			this.$router.push({
				path: '/tasklist',
				query: {
					name: this.select_staff_name,
					shop_id: this.shielding_shopid,
					shop_name: this.shielding_shopname
				}
			})
		},
		//确定健康证审核
		async addHealthAudit() {
			if (this.certificate_health_status == 1 || this.certificate_health_status == 2) {
				this.$message({ showClose: true, message: '请选择审核状态', type: 'warning' })
				return
			} else if (this.certificate_health_status == 3) {
				this.healthStatus.fail_reason = ''
			}
			try {
				let ret = await healthAudit({
					certificate_health_status: +this.certificate_health_status,
					staff_sn: this.select_staff_sn,
					fail_reason: this.healthStatus.fail_reason,
					audit_name: this.manageInfo.username
				})
				this.listUser()
				this.healthAudit = false
			} catch (err) {
				console.log('error:', err)
			}
		},
		//设置银行卡默认
		async setBankCard(card) {
			try {
				let ret = await setBankCard({ staff_sn: this.userId, bank_card_id: card.bank_card_id })
				this.userBankCardList(this.userId)
			} catch (err) {
				console.log('error:', err)
			}
		},

		//添加银行卡
		async submitForm(formName) {
			this.$refs[formName].validate(valid => {
				if (valid) {
					this.addBankCard1()
				} else {
					return false
				}
			})
		},
		async addBankCard1() {
			try {
				let ret = await addBankCard({ staff_sn: this.userId, ...this.bankCardForm })
				if (ret && +ret.code === 601) return this.$message.error(ret.msg)
				this.userBankCardList(this.userId)
				this.addBankCardVisible = false
			} catch (err) {
				console.log('error:', err)
			}
		},
		//查询店铺
		shopLists() {
			//获取商铺列表
			let fn = new FormData()
			fn.append('sign_status', 30) //已合作的店铺
			fn.append('status', 1) //启用的店铺
			// fn.append("search_list", 1); //不进行分页
			fn.append('fields', 'id,name,shop_sn,business_sn,area_id,city_id')
			this.$http.post(this.url + '/shop/getListForSearch', fn).then(
				res => {
					console.log(res.data.data)
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						if (res.data.data != null) {
							res.data.data.list.forEach(item => {
								item.value = item.name
							})
							this.shopList = res.data.data.list
						} else {
							this.shopList = []
						}
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		//店铺的自动完成
		querySearch(queryString, cb) {
			var restaurants = this.shopList
			var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
			console.log(results)
			// 调用 callback 返回建议列表的数据
			cb(results)
		},

		resetForm(formName) {
			this.$refs[formName].resetFields()
			this.bankCardForm.bank_branck_name = ''
			this.addBankCardVisible = false
		},

		// 打开来源弹框
		sourceBtn(row) {
			console.log(row)
			// row.recruitment = 4
			this.belongDisabled = true //招聘渠道禁用
			this.recruitmentDisabled = +row.recruitment === 4 ? false : true
			this.sourceDisabled = +row.recruitment === 2 ? false : true //招聘者禁用
			this.changeQrcodeList(+row.recruitment)
			this.sourceDate = {
				id: row.id,
				recruitment: row.recruitment,
				belong: +row.recruitment === 4 || +row.belong === 0 ? '' : +row.belong,
				qr_scene_str: +row.recruitment === 4 || row.enroll_name == '' ? '' : row.qr_scene_str,
				recommender: +row.recruitment === 4 || +row.recommender === 0 ? '' : +row.recommender
			}
			this.hiddenLY = true
		},
		sourceBtn2(row) {
			// console.log(row)
			// // row.recruitment = 4
			// this.belongDisabled = true //招聘渠道禁用
			// this.recruitmentDisabled = +row.recruitment === 4 ? false : true
			// this.sourceDisabled = +row.recruitment === 2 ? false : true //招聘者禁用
			this.changeQrcodeList(+row.recruitment)
			this.sourceDate = {
				id: row.id,
				recruitment: row.recruitment,
				belong: +row.recruitment === 4 || +row.belong === 0 ? '' : +row.belong,
				qr_scene_str: +row.recruitment === 4 || row.enroll_name == '' ? '' : row.qr_scene_str,
				recommender: +row.recruitment === 4 || +row.recommender === 0 ? '' : +row.recommender
			}
			this.hiddenLY2 = true
		},
		// 招聘方式监听
		sourceChange(ev) {
			// 1. 来源为自然流量时，才可编辑来源内的信息，且招聘渠道、招聘者、邀请人均置灰不可修改，仅招聘方式可修改；
			// 2. 当招聘方式修改成直聘时，仅招聘渠道、招聘者可修改，邀请人不可修改；
			// 3. 当招聘方式修改成供应商时，仅招聘者可修改，邀请人、招聘渠道不可修改；
			// 4. 当招聘方式修改成内推时，招聘者、邀请人、招聘渠道不可修改；
			// 5. 当又切换至自然流量时，应清空所有已有值，当其中招聘方式相互切换时，变更成切换后的限制。
			if (+ev != 4) {
				this.belongDisabled = false
				this.sourceDisabled = false
			}
			if (+ev === 2 || +ev === 3 || +ev === 4) this.belongDisabled = true
			if (+ev === 3) this.sourceDisabled = true
			if (+ev === 4) this.sourceDisabled = true

			this.sourceDate.belong = '' //招聘渠道
			this.sourceDate.recommender = '' //邀请人
			this.sourceDate.qr_scene_str = '' //招聘者
			this.qrcodeList = []
			this.changeQrcodeList(ev)
		},
		// 保存来源设置
		sourceBtnQY() {
			if (+this.sourceDate.recruitment === 1) {
				if (this.sourceDate.belong == '') return this.$message.error('招聘渠道不可为空')
			}
			if (+this.sourceDate.recruitment === 1 || +this.sourceDate.recruitment === 2) {
				if (this.sourceDate.qr_scene_str == '') return this.$message.error('招聘者不可为空')
			}

			let formData = new FormData()
			formData.append('id', this.sourceDate.id) //人员id
			formData.append('recruitment', this.sourceDate.recruitment) //招聘方式
			formData.append('belong', this.sourceDate.belong) //招聘渠道
			formData.append('qr_scene_str', this.sourceDate.qr_scene_str) //招聘者
			formData.append('recommender', this.sourceDate.recommender === '' ? 0 : this.sourceDate.recommender) //邀请人
			this.$http.post(this.url + '/user/channelEdit', formData).then(
				res => {
					console.log(res)
					if (res.data.msg == '修改成功!' || res.data.code == '200') {
						this.$message.success(res.data.msg)
						this.listUser()
						this.hiddenLY = false
					} else if (res.data.code == '8886') {
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		// 保存来源设置
		sourceBtnQY2() {
			let formData = new FormData()
			formData.append('id', this.sourceDate.id) //人员id
			// formData.append('recruitment', this.sourceDate.recruitment) //招聘方式
			// formData.append('belong', this.sourceDate.belong) //招聘渠道
			formData.append('qr_scene_str', this.sourceDate.qr_scene_str) //招聘者
			// formData.append('recommender', this.sourceDate.recommender === '' ? 0 : this.sourceDate.recommender) //邀请人
			this.$http.post(this.url + '/user/unknownEdit', formData).then(
				res => {
					console.log(res)
					if (res.data.msg == '修改成功!' || res.data.code == '200') {
						this.$message.success(res.data.msg)
						this.listUser()
						this.hiddenLY = false
						this.hiddenLY2 = false
					} else if (res.data.code == '8886') {
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		//取消来源设置
		cancelHiddenLY() {
			this.hiddenLY = false
			this.hiddenLY2 = false
			this.sourceDate = {
				id: '',
				recruitment: '', //招聘方式
				belong: '', //招聘渠道
				qr_scene_str: '', //招聘者
				recommender: '' //邀请人 id
			}
		},
		//监听搜索来源下的 招聘者
		async changeQrcodeList(ev) {
			if (ev != 1 && ev != 2) return
			try {
				let ret = await fetchQrcodeList({
					// u_id: 1,
					type: ev
					// name: '供应商'
				})
				console.log(ret)
				this.qrcodeList = ret.list
			} catch (err) {
				console.log('error:', err)
			}
		},

		getWeek(index) {
			let week = this.$moment().add('days', index).day()
			switch (week) {
				case 1:
					return '周一'
				case 2:
					return '周二'
				case 3:
					return '周三'
				case 4:
					return '周四'
				case 5:
					return '周五'
				case 6:
					return '周六'
				case 0:
					return '周日'
			}
		},

		// 获取人员列表
		async listUser() {
			let fn = {
				page: this.pageNum, //页数
				pageSize: this.pageSizeNow,  //条数
				name: this.s_name, //姓名
				mobile: this.s_tel, //手机号
				identity_card: this.verifyCard(), //身份证号
				agent_id: this.s_agent_id, //代理商
				city_id: this.city_id, //城市
				recruitment: this.recruitment, //招聘方式
				enroll_name: this.enroll_name, //招聘者
				audit_name: this.s_shr, //审核人
				timetype: this.s_sj_status, //选择时间
				startTime: this.ruleForm.date1, //开始时间
				endTime: this.ruleForm.date2, //结束时间
				// ------------ 下边筛选项数据
				certification_status: this.s_identity_status, //签约状态
				job_status: this.s_job_status, //接活设置
				certificate_health_status: this.s_jkz_status, //健康证
				pre_audit_status: this.s_pre_audit_status, //预审状态
				staff_status: this.s_qy_status, //灵活状态
				is_work: this.s_cg_status, //出工状态
				work_status: this.s_ry_status, //人员状态 [1]上线 [2]下线
				work_type: this.s_work_type, //人才类型 1兼职 2全职
				is_bind_agent: this.is_bind_agent, //店铺绑定 1是2否
				gender: this.s_sex_status, //黑名单
				is_black: this.is_black, //性别
			}
			localStorage.setItem('order', this.order) // order
			try {
				let res = await userList(fn)
				res.list.forEach(item => {
					//对人员状态做转换
					if (item.work_status == 1) {
						//人员状态-上线
						item.work_status_tag = true
					} else if (item.work_status == 2) {
						//人员状态-下线
						item.work_status_tag = false
					} else {
						//默认下线
						item.work_status_tag = false
					}

					if (this.channelList.filter(x => x.id === +item.belong)[0]) {
						item.belongName = this.channelList.filter(x => x.id === +item.belong)[0].label_name
					} else {
						item.belongName = ''
					}
				})
				this.renList = res.list
				this.total = res.ct
			} catch (err) {
				console.log('error:人才列表', err)
			}
		},
		//验证身份证
		verifyCard(){
			let sfz = this.s_sfz
				.replace(/\n/g, ',')
				.split(',')
				.filter(function (s) {
					return s && s.trim()
				})
			return sfz.toString()
		},

		//标签接口
		async alljob_type() {
			try {
				let ret = await fetchLabelList({
					label_type: 'job_type'
				})
				ret.forEach(element => {
					element.check = 0
				})
				this.TypeArr = ret
				// 获取招聘渠道
				let res = await fetchLabelList({
					label_type: 'staff_belong'
				})
				this.channelList = res
			} catch (err) {
				console.log('error:', err)
			}
		},

		//标签接口
		async JobLabelList() {
			try {
				let ret = await fetchIndustryJob({
					label_type: 'job_type',
					city_id: this.Job.city_id
				})
				ret.forEach(element => {
					element.check = 0
				})
				this.JobLabelArr = ret
				console.log(ret)
			} catch (err) {
				console.log(err)
			}
		},

		//获取商圈列表
		async listArea(city_id) {
			try {
				let ret = await fetchAreaList({
					city_id: city_id
				})
				if (ret.list) {
					ret.list.forEach(item => {
						item.check = 0
					})
					this.areaList = ret.list
				} else {
					this.areaList = []
				}
			} catch (err) {
				console.log('error:', err)
			}
		},

		gotToDetail(row) {
			//详情
			this.$router.push({
				path: '/orderDetails',
				query: {
					id: row.oid
				}
			})
		},

		shearchBtn() {
			// 搜索
			this.pageNum = 1
			this.listUser()
		},

		changeBtn() {
			//切换搜索
			this.pageNum = 1
			this.listUser()
		},

		datachangeBtn() {
			//针对时间选择
			if (this.s_sj_status != '' && this.ruleForm.date1 != '' && this.ruleForm.date2 != '') {
				this.pageNum = 1
				this.listUser()
			}
		},
		async resetBtn() {
			//全部
			await this.resetData() //重置请求数据
			this.listUser()
		},

		async resetData() {
			//重置请求数据
			this.pageNum = 1
			this.s_name = '' //姓名
			this.s_tel = '' //手机号
			this.s_sfz = '' //身份证号
			this.belong = '' //来源
			this.enroll_name = '' // 人才来源
			this.s_shr = '' //审核人
			this.s_identity_status = '' //实名认证状态 [1]已认证 [2]未认证
			this.s_pre_audit_status = ''
			this.s_qy_status = '' //签约状态 [10]未申请 [20]申请签约 [30]签约失败 [40]已签约
			this.s_bk_status = '' //绑卡状态 [1]已绑定 [2]未绑定
			this.s_cg_status = '' //出工状态
			this.s_jkz_status = '' //健康证状态
			this.s_ry_status = '' //人员状态 [1]上线 [2]下线
			this.s_work_type = '' //人才类型 1兼职 2全职
			this.is_bind_agent = '2' // 是否绑定店铺 1是 2否
			this.s_xj_status = '' //星级
			this.s_job_status = '' //接活设置
			this.s_sex_status = '' //性别
			this.s_sj_status = '1' //时间类型 [1]创建时间 [2]审核时间
			this.recruitment = '' //招聘方式
			this.s_agent_id = '' //	代理商ID
			this.unstartedTask = false
			this.defaultTime() //时间初始化
			this.agent_reset += 1 // 重置代理商
		},
		goToPersonnelEdit(row) {
			//修改人员
			const { href } = this.$router.resolve({ path: '/personnelEdit', query: { id: row.id } })
			window.open(href, '_blank')
		},
		goTodateTask(row) {
			this.$router.push({
				path: '/tasklist',
				query: {
					name: row.name
				}
			})
		},
		//人才详情界面
		goToPersonnelDetails(row){
			const { href } = this.$router.resolve({
				path: '/personnelDetails',
				query: { id: row.id }
			})
			window.open(href, '_blank')
		},
		//查看在职店铺
		lookStore(row){
			console.log(row);
			this.departName = row.name
			this.departSn = row.staff_sn
			this.fetchWorkShopList(row.staff_sn);
			this.dialogStoreVisible = true
		},
		//获取在职人员列表
		async fetchWorkShopList(staff_sn){
			try {
				let res = await fetchWorkShopList({
					staff_sn: staff_sn
				})
				this.storeData = res;
			} catch (error) {
				console.log("获取在职人员："+error);
			}
		},
		//操作离职弹窗
		departure(row){
			this.departInnerVisible = true
			this.departShopSn = row.shop_sn
		},
		//确定操作离职
		async userDepart(){
			try {
				let res = await userDepart({
					staff_sn: this.departSn,
					shop_sn: this.departShopSn
				})
				this.departName = ''
				this.departSn = ''
				this.departShopSn = ''
				this.dialogStoreVisible = false
				this.departInnerVisible = false
			} catch (error) {
				console.log("操作离职："+error);
			}
		},
		goTodateEdit(row) {
			//上岗时段
			const { href } = this.$router.resolve({ path: '/personneldateEdit', query: { staff_sn: row.staff_sn } })
			window.open(href, '_blank')
		},

		// 人员状态-弹框确认
		addMenuBtn(e) {
			// e=='1' => 上线
			// e=='2' => 下线
			let fn = new FormData()
			fn.append('id', this.ids) //相关id
			if (e == 2) {
				//下线操作
				//查找所有选中的标签
				var label_arrs = []
				this.offline_staff_arr.forEach(item => {
					if (item.check == 1) {
						//数组插入
						label_arrs.push(item.id)
					}
				})
				if (label_arrs.length == 0) {
					this.$message.error('请选择下线原因')
					return false
				}
				fn.append('reason_offline', label_arrs.toString())
			}
			fn.append('work_status', e)
			this.$http.post(this.url + '/user/editUser', fn).then(
				res => {
					// console.log(res);
					if (res.data.msg == '修改成功!' || res.data.code == '200') {
						this.$message.success(res.data.msg)
						this.listUser()
						//重置下线标签列表
						this.offline_staff_arr.forEach(item => {
							item.check = 0
						})
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						//样式更换取消
						// this.renList[this.index].work_status=='1'?this.renList[this.index].work_status='2':this.renList[this.index].work_status='1'
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					//样式更换取消
					// this.renList[this.index].work_status=='1'?this.renList[this.index].work_status='2':this.renList[this.index].work_status='1'
					return
				}
			)

			//关闭弹框
			this.StateShowStop = false
			this.StateShowStart = false
		},
		//签约审核
		async addMenuBtnQY() {
			if (this.signTag == '5') {
				if (this.text == '') {
					this.$message.error('请填写失败原因！')
					return
				}
			}
			try {
				let res = await auditSignSolo({
					staff_sn: this.id_sn,
					certification_status: this.signTag,
					qy_fail_reason: this.text
				})
				this.PersonnelAudit = false //关闭弹框
				this.signTag = '1'
				this.text = ''
				this.listUser()
        this.$message.success('操作成功')
			} catch (error) {
				console.log("签约审核："+error);
			}
		},
		//灵活审核
		async addMenuBtnLH() {
			if (this.tag == '40') {
				if (this.text == '') {
					this.$message.error('请填写失败原因！')
					return
				}
			}
			try {
				let res = await auditFreelanceSolo({
					staff_sn: this.id_sn,
					staff_status: this.tag,
					work_type: this.work_type,
					audit_name: this.manageInfo.username,
					fail_reason: this.text
				})
				this.FlexibleAudit = false //关闭弹框
				this.tag = '30'
				this.text = ''
				this.listUser()
        this.$message.success('操作成功')
			} catch (error) {
				console.log("灵活审核："+error);
			}
		},
		//获取选中行的id
		handleSelectionChange(val) {
			//获取用户的选中
			this.multipleSelection = []
			// console.log(val);
			val.forEach(item => {
				this.multipleSelection.push(item.staff_sn)
			})
			this.multipleSelection = Array.from(new Set(this.multipleSelection))
		},
		handleSelectionChangeNext() {
			this.richengshezhi.forEach((element, index) => {
				for (let num = 0; num < 7; num++) {
					this.richengshezhi[index].arr[num].is_set = this.statusTag
				}

				this.checked.forEach((next, count) => {
					this.checked[count].is_set = this.statusTag
				})
			})
			this.statusTag = !this.statusTag
		},

		addMenuBtnBQ() {
			//查找所有选中的标签
			var label_arr = []
			this.labels_arr.forEach(item => {
				if (item.check == 1) {
					//数组插入
					label_arr.push(item.id)
				}
			})
			let fn = new FormData()
			fn.append('id', this.ids) //相关id
			fn.append('labels', label_arr.toString())
			this.$http.post(this.url + '/user/editUser', fn).then(
				res => {
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						this.$message.success(res.data.msg)
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)

			this.labels = false
		},

		//人员状态切换
		redactBtn(e, index) {
			this.ids = e.id
			this.index = index
			this.select_staff_sn = e.staff_sn
			this.select_staff_name = e.name
			this.shielding_shopsn = ''
			this.shielding_shopname = ''
			this.unstartedTask = false
			if (e.work_status == '1') {
				//状态关闭
				// 弹框1
				this.StateShowStop = true
				this.diaTitle = '温馨提示'
				this.notTalk()
			} else {
				// 弹框2
				this.StateShowStart = true
				this.diaTitle = '温馨提示'
			}
		},
		//签约状态审核弹框
		goToPersonnelAudit(e) {
			//当前人的审核状态
			this.sign_staff_status = e.certification_status
			if (e.certification_status == 1) {
				this.signTag = '5'
			}
			this.id_sn = e.staff_sn
			this.staffInfo = e
			if (e.sign_info.sign_pic != '') {
				this.staffInfo.qm = this.head_url + e.sign_info.sign_pic
			}
			this.PersonnelAudit = true
			this.diaTitle = '签约审核'
		},
		//灵活合作审核
		goToFlexibleAudit(e){
			this.new_staff_status = e.staff_status
			if (e.staff_status == 30) {
				this.tag = '40'
			}
			this.id_sn = e.staff_sn
			this.staffInfo = e
			this.FlexibleAudit = true
			this.diaTitle = '灵活合作审核'
		},
		//标签接口
		async goToPersonnelLabel(e) {
			this.ids = e.id
			this.labels = true
			this.diaTitle = '平台标签'
			try {
				let ret = await fetchLabelList({
					user_id: this.ids,
					label_type: 'platform'
				})
				this.labels_arr = ret.reverse() //进行逆序
			} catch (err) {
				console.log('error:', err)
			}
		},
		//下线标签
		OfflineStaffLabel() {
			let fn = new FormData()
			this.$http.post(this.url + '/reason/reasonListOnline', fn).then(
				res => {
					if (res.data.msg == '查询成功' || res.data.code == '200') {
						//this.offline_staff_arr = res.data.data.offline_staff //进行逆序
						// TODO-ZFY-2021/9/13 - 下线原因写死（前后协调）
						this.offline_staff_arr = [
							{
								id: 4,
								title: '长期休假',
								check: 0
							}
						]
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$message.error(res.data.msg)
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		hiddenRY1() {
			//重置下线标签列表
			this.offline_staff_arr.forEach(item => {
				item.check = 0
			})
			this.StateShowStart = false
			this.StateShowStop = false
			this.PersonnelAudit = false
			this.new_staff_status = ''
			this.sign_staff_status = ''
			this.tag = '30'
			this.work_type = '1'
			this.text = ''
			this.renList[this.index].work_status_tag == true
				? (this.renList[this.index].work_status_tag = false)
				: (this.renList[this.index].work_status_tag = true)
		},
		hiddenRY() {
			//重置下线标签列表
			this.offline_staff_arr.forEach(item => {
				item.check = 0
			})
			this.StateShowStart = false
			this.StateShowStop = false
			this.PersonnelAudit = false
			this.new_staff_status = ''
			this.sign_staff_status = ''
			this.tag = '30'
			this.work_type = '1'
			this.text = ''
		},
		downloadOrder() {

			//导出订单
			let obj = {
				token: JSON.parse(sessionStorage.getItem('manageInfo')).token,
				export: 1,
				name: this.s_name, //姓名
				mobile: this.s_tel, //手机号
				identity_card: this.verifyCard(), //身份证号
				agent_id: this.s_agent_id, //代理商
				city_id: this.city_id, //城市
				recruitment: this.recruitment, //招聘方式
				enroll_name: this.enroll_name, //招聘者
				audit_name: this.s_shr, //审核人
				timetype: this.s_sj_status, //选择时间
				startTime: this.ruleForm.date1, //开始时间
				endTime: this.ruleForm.date2, //结束时间
				// ------------ 下边筛选项数据
				certification_status: this.s_identity_status, //签约状态
				job_status: this.s_job_status, //接活设置
				certificate_health_status: this.s_jkz_status, //健康证
				pre_audit_status: this.s_pre_audit_status, //预审状态
				staff_status: this.s_qy_status, //灵活状态
				is_work: this.s_cg_status, //出工状态
				work_status: this.s_ry_status, //人员状态 [1]上线 [2]下线
				work_type: this.s_work_type, //人才类型 1兼职 2全职
				is_bind_agent: this.is_bind_agent, //店铺绑定 1是2否
				gender: this.s_sex_status, //黑名单
				is_black: this.is_black, //性别
			}
			let next_obj = {}
			if (+this.order == 1) {
				next_obj = { ...obj, order: JSON.stringify({ add_time: -1 }) }
			} else if (+this.order == 2) {
				next_obj = { ...obj, order: JSON.stringify({ task_count: -1 }) }
			}

			let param = $.param(next_obj)
			window.location.href = this.url + '/user/exportExcel?' + param
		},
		//下载证件照
		downloadPhoto() {
			let startTime
			if (!this.ruleForm.date1) {
				startTime = this.ruleForm.date1 //开始时间
			} else {
				startTime = this.ruleForm.date1 //开始时间
			}

			let endTime
			if (!this.ruleForm.date2) {
				endTime = this.ruleForm.date2 //结束时间
			} else {
				endTime = this.ruleForm.date2 //结束时间
			}

			var sfz = this.s_sfz
				.replace(/\n/g, ',')
				.split(',')
				.filter(function (s) {
					return s && s.trim()
				})
			var new_s_sfz = sfz.toString()

			let obj = {
				token: JSON.parse(sessionStorage.getItem('manageInfo')).token,
				name: this.s_name,
				mobile: this.s_tel,
				identity_card: new_s_sfz,
				certification_status: this.s_identity_status,
				staff_status: this.s_qy_status,
				bank_status: this.s_bk_status,
				is_work: this.s_cg_status,
				certificate_health_status: this.s_jkz_status,
				work_status: this.s_ry_status,
				work_type: this.s_work_type,
				is_bind_agent: this.is_bind_agent,
				level: this.s_xj_status,
				job_status: this.s_job_status,
				timetype: this.s_sj_status,
				pre_audit_status: this.s_pre_audit_status,
				startTime: startTime,
				endTime: endTime,
				recruitment: this.recruitment
			}
			let param = $.param(obj)
			window.location.href = this.url + '/user/download?' + param
		},
		checkboxChange(index) {
			for (let num = 0; num < 7; num++) {
				this.richengshezhi[index].arr[num].is_set = this.checked[index].is_set == true ? true : false
			}
		},
		//分页组件->子组件传值
		onChildValue(item) {
			this.pageNum = item[0]
			this.pageSizeNow = item[1]
			this.listUser()
		},
		//跳转人才画像
		toPersonnelListHx(row) {
			const { href } = this.$router.resolve({ path: '/personnelListHx', query: { id: row.id } })
			window.open(href, '_blank')
		},
		//设置表格复选框禁用
		checkboxT(row, index) {
			// if(row.staff_status!='20'){
			// if(row.staff_status=='10'){
			if (row.certification_status == '1' && row.job_status == '1') {
				return true
			} else {
				return false
			}
		},
		//预审状态-点击
		click_state(row) {
			this.id_sn = row.staff_sn
			this.pre_audit_status = row.pre_audit.status.toString()
			this.pre_audit_desc = row.pre_audit.desc
			// 记录click_state
			this.ClickState = true
			this.diaTitle = '预审结果'
		},
		//预审状态-点击-确认
		ClickStateBtn() {
			let fn = new FormData()
			fn.append('staff_sn', this.id_sn)
			fn.append('pre_audit_status', this.pre_audit_status)
			fn.append('pre_audit_desc', this.pre_audit_desc)
			this.$http.post(this.url + '/user/preAudit', fn).then(
				res => {
					if (res.data.msg == '操作成功!' || res.data.code == '200') {
						this.$message.success(res.data.msg)
						this.listUser()
						this.clearAll()
					} else if (res.data.code == '8886') {
						//code   8886  登录过期
						sessionStorage.clear()
						this.$alert('登录已过期，请重新登录 !', '提示', {
							confirmButtonText: '确定',
							callback: action => {
								window.location = 'login.html'
							}
						})
						return
					} else {
						this.$alert('<strong>' + res.data.msg + '</strong>', '提示', {
							dangerouslyUseHTMLString: true
						})
						return
					}
				},
				res => {
					this.$message.error('网络错误！')
					return
				}
			)
		},
		//预审结果清空
		clearAll() {
			this.ClickState = false
			this.pre_audit_status = ''
			this.pre_audit_desc = ''
		},
		// 监听城市val变化
		async changeCity(val, type) {
			if (type == 'search') {
				//搜索城市监听
				this.listUser()
			} else {
				//接活设置城市监听
				// 获取接活岗位
				await this.JobLabelList()
				//商圈列表
				await this.listArea(val)
				//调取人员详情接口
				await this.startResult(this.id_id, val)
			}
		},
		//日程安排
		async schedule_state(row) {
			console.log('日程安排', row)
			this.id_sn = row.staff_sn
			this.id_id = row.id
			await this.fetchUserInfo(row)
			this.scheduleShow = true
		},
		//接活设置 商圈列表根据城市查询显示
		async job_state(row) {
			console.log('详情', row)
			this.id_sn = row.staff_sn
			this.id_id = row.id
			this.Job.city_id = row.city_id
			// 获取接活岗位
			this.JobLabelList()
			//商圈列表
			await this.listArea(row.city_id)
			//调取人员详情接口
			await this.startResult(row.id, row.city_id)
			this.JobState = true
		},

		// 日程保存
		async richengBtn() {
			try {
				let obj
				let arrSet = []
				this.dayArr.forEach((item, index) => {
					obj = {
						work_date: item.day,
						time_slot: [],
						id: this.richengshezhi[0].arr[index].id,
						staff_id: this.id_id
					}

					this.richengshezhi.forEach((element, num) => {
						// console.log(element.arr[num].is_set)
						if (element.arr[index].is_set == true) {
							obj.time_slot.push(num + 1)
						}
					})

					arrSet.push(obj)
				})

				console.log(arrSet)
				await saveUserSchedule({
					data: arrSet
				})
				this.$message.success('操作成功！')
				this.setRichengshezhi()
				this.listUser()
			} catch (err) {
				console.log(err)
			}
		},
		//接活设置-点击确定
		async JobStateBtn() {
			if (!this.Job.city_id) return this.$message.error('请选择城市！')
			//岗位不可为空
			var WorkingPost = false
			this.JobLabelArr.forEach(item => {
				if (item.check == 1) {
					WorkingPost = true
				}
			})

			if (WorkingPost == false) {
				return this.$message.error('请选择岗位！')
			}

			//工作商圈不可为空
			var WorkingArea = false
			this.areaList.forEach(item => {
				if (item.check == 1) {
					WorkingArea = true
				}
			})

			if (WorkingArea == false) {
				return this.$message.error('请选择工作商圈！')
			}

			if (!this.Job.lng || !this.Job.lat) {
				return this.$message.error('请选择地理位置！')
			}

			if (!this.Job.address) {
				return this.$message.error('请输入详细地址！')
			}

			let fn = new FormData()
			//获取选中的的岗位id
			var job_types_ids = new Array()
			this.JobLabelArr.forEach(element => {
				if (element.check == 1) {
					job_types_ids.push(element.id)
				}
			})

			//获取选中的的商圈id
			var job_areas_ids = new Array()
			this.areaList.forEach(element => {
				if (element.check == 1) {
					job_areas_ids.push(element.id)
				}
			})

			try {
				await setStaffWork({
					staff_sn: this.id_sn,
					job_areas: job_areas_ids.toString(),
					job_types: job_types_ids.toString(),
					address: this.Job.address,
					location: this.Job.lng + ',' + this.Job.lat,
					city_id: this.Job.city_id
				})
				this.$message.success('设置成功')
				this.listUser()
				this.JobState = false
			} catch (err) {
				console.log(err)
			}
		},
		async fetchUserInfo(row) {
			try {
				let ret = await getUserInfo({
					staff_id: row.id,
					// staff_id: 974,
					work_date: this.$moment().add('days', 1).format('YYYY-MM-DD'),
					sum_day: 7
				})
				ret.forEach((item, index) => {
					if (item.time_slot) {
						item.time_slot.forEach(element => {
							this.richengshezhi[element - 1].arr[index].is_set = true
						})
						this.richengshezhi[0].arr[index].id = item.id
					}
				})
			} catch (err) {}
		},
		// 请求人才详情接口
		async startResult(id, city_id) {
			try {
				let ret = await fetchUsersInfo({
					id: id,
					city_id: city_id
				})
				let redUserInfo = ret
				this.Job.lng = redUserInfo.location.coordinates[0].toString()
				this.Job.lat = redUserInfo.location.coordinates[1].toString()
				this.Job.address = redUserInfo.address
				//岗位的选中
				this.JobLabelArr.forEach(element => {
					if (redUserInfo.job_types_id.indexOf(element.id) != -1) {
						element.check = 1
					} else {
						element.check = 0
					}
				})
				//商圈的选中
				this.areaList.forEach(element => {
					if (redUserInfo.job_areas_id.indexOf(element.id) != -1) {
						element.check = 1
					} else {
						element.check = 0
					}
				})
			} catch (err) {
				console.log('error:', err)
			}
		},

		setRichengshezhi() {
			this.scheduleShow = false
			this.JobState = false
			this.richengshezhi = [
				{
					arr: [
						{
							id: '',
							is_set: false,
							value: '早'
						},
						{
							id: '',
							is_set: false,
							value: '早',
							inedx: 1
						},
						{
							id: '',
							is_set: false,
							value: '早'
						},
						{
							id: '',
							is_set: false,
							value: '早'
						},
						{
							id: '',
							is_set: false,
							value: '早'
						},
						{
							id: '',
							is_set: false,
							value: '早'
						},
						{
							id: '',
							is_set: false,
							value: '早'
						}
					]
				},
				{
					arr: [
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						},
						{
							is_set: false,
							value: '中'
						}
					]
				},
				{
					arr: [
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						},
						{
							is_set: false,
							value: '晚'
						}
					]
				},
				{
					arr: [
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						},
						{
							is_set: false,
							value: '夜'
						}
					]
				}
			]
		},

		CompareDate(t1, t2) {
			var date = new Date()
			var a = t1.split(':')
			var b = t2.split(':')
			return date.setHours(a[0], a[1]) > date.setHours(b[0], b[1])
		},
		showEnrollName(row) {
			this.showEnrollNameStatus = true
		},
		setValue(data) {
			this.s_agent_id = data.agent_id

			this.cityList = data.city_list
			if (this.cityList.length > 0) {
				this.city_id = this.cityList[0].id
			}
			this.listUser()
		}
	},
	filters: {
		channel(status,that) {
			let belongName
			if(status != 0){
				belongName = that.channelList.filter(x => x.id === +status)[0].label_name
			}else{
				belongName = '面试'
			}
			return belongName
		}
	}
}
</script>

<style scoped>
.search_box {
  width: 790px;
}
.auditCentent .labels {
  overflow: auto;
  margin-bottom: 10px;
}
.auditCentent .labels .labels_label {
  float: left;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
}
.check_label {
	background: var(--purple4);
	color: #fff;
	border: none;
	padding: 3px 8px;
}
@media (max-width: 767.78px) {
  .titleBox {
    height: 40px;
  }
}
.search_box .s_submit {
  right: -1px;
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
}
.click_state {
  cursor: pointer;
}

.JobCentent_next {
  width: 100%;
}
.JobCentent_next .labels {
  min-height: 80px;
}
.personnelLists .check_label {
	border: 1px solid var(--purple4);
}

.source-box .row-info {
  margin-bottom: 15px;
}

.wrap_main {
  width: 100;
  overflow: auto;
}

.avatar {
  position: relative;
  top: -70px;
  left: 80px;
  width: 100px !important;
}

.r-90 {
  transform: rotate(-90deg);
}
.dingwei {
  font-size: 26px;
  color: var(--btn);
}
.Job-cont {
  display: flex;
  margin-bottom: 40px;
}
.Job-cont .key {
  width: 100px;
  line-height: 30px;
}
.Job-cont .val {
  width: 750px;
}
.Job-cont .val .labels_label {
  padding: 6px 10px;
  cursor: pointer;
  display: inline-block;
}
.black-btn {
  border: none;
  padding: 0;
  color: red;
}
</style>
<style>
.source-box .el-select .el-input__inner,
.source-box .el-input__inner {
  width: 300px;
}
.personnelLists .wrap_main .el-table__body-wrapper {
  min-height: auto;
}

.richengshezhi .el-table th .el-checkbox__input {
  display: block;
}
.other_task {
  padding: 20px 0 0 20px;
}
.is-underline {
  color: #02a7f0;
  cursor: pointer;
}
.dialog-footer-flex {
  display: flex;
  justify-content: center;
}
.red {
  color: red;
  font-size: 12px;
  padding-left: 90px;
}
.bankCardTop {
  display: flex;
  margin-top: -10px;
  padding-bottom: 20px;
  align-items: center;
}
.userMsg {
  flex: 1;
  color: #333;
  font-weight: 500;
}
.addBankCard {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  color: #fff;
  background: rgba(10, 207, 151, 1);
  border-radius: 30px;
  font-size: 13px;
}
.mb-2 {
  margin-bottom: 20px;
}
.pdfImg {
  border-radius: 5px;
  width: 60px;
  height: 60px;
}

.agreementBtn {
  color: #fff;
  background: #2878ff;
  height: 30px;
  padding: 0 20px;
  border: none;
  margin-left: 50px;
  border-radius: 15px;
  margin-top: 15px;
}

.sfz_textarea .el-textarea__inner {
  line-height: 30px !important;
}
</style>



// WEBPACK FOOTER //
// src/components/staff/PersonnelList.vue